/**
 *  Css 工具类 布局函数
 *	@sideWidth : 宽度
 *  @offsetMargin: 间距
 *  .col-md-resize-custom(100px,0);
 */
/**
 * 自定义字符宽度
 *
 * 	.word-width-custom(20em)
 */
/**
 *  切分列，不适用布局
 *
 */
.split-col-nowrap {
  white-space: nowrap;
  overflow-x: hidden;
}
.split-col-nowrap li {
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/******* 工具类*********/
/**
 *  默认 col-md-resize 
 *
 */
.col-md-resize {
  position: relative;
  padding-left: 100px;
  height: auto;
}
.col-md-resize .col-md-side {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100px;
}
.col-md-resize-horizontal {
  position: relative;
  height: auto;
  padding-top: 40px;
  padding-left: 0;
}
.col-md-resize-horizontal .col-md-side {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
}
.col-md-resize-horizontal .col-md-side {
  height: 40px;
  width: 100%;
}
.col-md-resize-horizontal .col-md-content {
  width: 100%;
  clear: both;
}
.cut_word_5 {
  width: 5em;
}
.cut_word_10 {
  width: 10em;
}
.cut_word_15 {
  width: 15em;
}
.cut_word_20 {
  width: 20em;
}
/** 图文缩略 **/
.cmp-article-thumb {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cmp-article-thumb.split-col-4 li {
  float: left;
  margin: 0 1%;
  width: 23%;
}
.cmp-article-thumb.split-col-3 li {
  float: left;
  margin: 0 1%;
  width: 31.33333333%;
}
.cmp-article-thumb.split-col-5 li {
  float: left;
  margin: 0 1%;
  width: 18%;
}
.cmp-article-thumb .article-thumb {
  position: relative;
}
.cmp-article-thumb .article-thumb img {
  width: 100%;
  height: 100%;
}
.cmp-article-thumb .article-title,
.cmp-article-thumb h5 {
  text-align: center;
}
.cmp-article-thumb .article-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  color: #fff;
}
/** 文章列表 **/
.cmp-article-text {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.cmp-article-text.line-cut li {
  overflow-y: hidden;
}
.cmp-article-text.line-only li {
  padding-right: 0;
}
.cmp-article-text.line-only li .article-more {
  display: none;
}
.cmp-article-text li {
  position: relative;
  padding-right: 100px;
  line-height: 25px;
}
.cmp-article-text .article-more {
  position: absolute;
  right: 0px;
  top: 0;
}
/** 图文混合**/
.cmp-article-graphic .article-picture {
  float: left;
  margin-right: 10px;
}
.article-descript {
  line-height: 22px;
}
